
<html>
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Title</title>
    <link rel="stylesheet" href="css/pintuer.css">
    <link rel="stylesheet" href="css/admin.css">
</head>
<body style="background-color: #d3fae9;">

    <!--标题-->
    <div class="header bg-main container-fluid">

        <!--头像logo-->
        <div class="logo margin-big-left fadein-top">
            <h1><img src="img/me.jpg"class="radius-circle rotate-hover" height="50">后台管理中心</h1>
        </div>
        <div class="head-l" style="margin:40px 0px 0px 35px;">
            <h3 style="color:white;">爸爸 下午好！<small id="time_show"></small></h3>
        </div>
        <div class="head-l" style="float:right;margin-right:20px;">
            <a class="button button-little bg-red" href="#"><!--<span class="icon-power-off"></span>-->退出登录</a>
        </div>

    </div>
    <!--左边菜单-->
    <div class="leftnav container-fluid">

        <div class="leftnav-title">
            <strong><!--<span class="icon-list"></span>-->菜单列表</strong>
        </div>


        <h2>基本设置</h2>
        <ul class="secondary_menu">
            <li class="">
                <a target="right">人员管理</a>
                <ul class="secondary_menu">
                    <li>
                        <a target="right">伞兵一号</a>
                        <ul class="secondary_menu">
                            <li>
                                <a target="right">伞兵一号添加</a>
                            </li>
                            <li>
                                <a target="right">伞兵一号修改</a>
                            </li>
                            <li>
                                <a target="right">伞兵一号删除</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a target="right">伞兵二号</a>
                    </li>
                    <li>
                        <a target="right">伞兵三号</a>
                    </li>
                </ul>

            </li>
            <li>
                <a target="right">员工管理</a>
                <ul class="secondary_menu">
                    <li>
                        <a target="right">添加员工</a>
                    </li>
                    <li>
                        <a target="right">删除员工</a>
                    </li>
                </ul>
            </li>
            <li>
                <a target="right">文档管理</a>
                <ul class="secondary_menu">
                    <li>
                        <a target="right">添加文档</a>
                    </li>
                    <li>
                        <a target="right">删除文档</a>
                    </li>
                </ul>
            </li>
        </ul>
        <h2>权限管理</h2>
        <h2>物流管理</h2>
    </div>

    <!--内容头-->
    <ul class="bread container-fluid">
        <li>
            <a href="#" class="icon-home">首页</a>
        </li>

    </ul>
    <!--内容身体-->
    <div class="admin container-fluid" style="padding: 0px;">

        <iframe name="right" src="me.html" width="100%" height="100%"scrolling="auto" frameborder="0"></iframe>

    </div>

</body>
<script src="js/jquery-3.4.1.min.js"></script>
<script>

    f();

    function f(){
        $(".bread li a").click(function () {
            if($(this).text()=="首页"){
                $(".leftnav h2,a").next("ul").prop("style","display: none;")
                f();
            }else{
                let a=$(".leftnav").find("h2,a")
                for(let i=0;i<a.length;i++){
                    if(a[i].innerText==$(this).text()){
                        $(a[i]).parent().siblings().find("ul").prop("style","display: none;")
                        $(a[i]).next("ul").prop("style","display: none;")
                       break;
                    }
                }
            }
            let li=$(".bread li")
            for(let i=0;i<li.length;i++){
                if($(li[i]).find("a").text()==$(this).text()){
                    $(".bread").html("")
                    for(let j=0;j<=i;j++){
                        $(".bread").append($(li[j]))
                        f()
                    }
                    break;
                }
            }
        })
    }



    $(".leftnav h2").click(function () {
        $(this).next("ul").slideToggle(200)
        $(this).toggleClass("on")
        $(".bread").html("<li><a href=\"#\" class=\"icon-home\">首页</a></li>")
        let text=$(this).text()
        let head=$("<li><a href=\"#\">"+text+"</a></li>")
        $(".bread").append(head)
    })
    $("a").click(function () {
        $(this).next("ul").slideToggle(200)
        $(this).toggleClass("on")
        $(".bread").html("")
        let head=$("<li><a href=\"#\" class=\"icon-home\">首页</a></li>")
        let end=$("<li><a href=\"#\">"+$(this).text()+"</a></li>")
        $(".bread").prepend(end)
        let a=$(this).parents("ul");
        for(let i=0;i<a.length;i++){
            let li=$("<li><a href=\"#\">"+a[i].previousElementSibling.innerHTML+"</a></li>")
            $(".bread").prepend(li)
        }
        $(".bread").prepend(head)
        f();
    })
</script>
<script src="js/gettime.js"></script>
<script src="js/pintuer.js"></script>
</html>
